@import "variables";

seed-match {
  .search-results{
    width:100%;
    background:color($h5,c9);
    //overflow: scroll;
    .match-list-clum{
      margin:0 pxTorem(15);
      position: relative;
      margin-bottom:pxTorem(20);
      .match-picture{
        width:100%;
        height:pxTorem(409);
        background:color($h5,c10);
        text-align: center;
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        border-top-left-radius: pxTorem(5);
        border-top-right-radius: pxTorem(5);
      }
      .match-status{
        position: absolute;
        top:0;
        left:0;
        width:pxTorem(100);
        height:pxTorem(100);
        border-top-left-radius: pxTorem(5);
      }
      .match-info{
        width:100%;
        padding:pxTorem(25) pxTorem(20);
        background:color($h5,c10);
        border-bottom-left-radius: pxTorem(5);
        border-bottom-right-radius: pxTorem(5);
        .match-title{
          @include font-dpr(30px);
          color:color($h5,c2);
          font-weight: bold;
          margin-bottom:pxTorem(10);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .match-type{
          height:pxTorem(30);
          line-height: pxTorem(30);
        }
        .match-type-name{
          display: inline-block;
          height:pxTorem(29);
          line-height: pxTorem(29);
          margin-right:pxTorem(10);
          border-radius: pxTorem(4);
          border:1px solid color($h5,c15);
          color:color($h5,c15);
          text-align: center;
          @include font-dpr(20px);
          padding:0 pxTorem(5);
        }
        .events-out-time{
          @include font-dpr(22px);
          color:color($h5,c4);
        }
        .events-clock{
          @include font-dpr(22px);
          color:color($h5,c4);
        }
      }
    }
    .competition-nomore-data{
      width:100%;
      padding:pxTorem(20) pxTorem(20);
      // color:color($h5,c);
      text-align: center;
      @include font-dpr(24px);
      box-sizing: content-box;
    }
  }
  .match-filter{ -webkit-transform: translateZ(0);
    //*zoom:1;
    z-index:9;
    opacity: 1;
    overflow: scroll;
    position: fixed;
    width: pxTorem(90px);
    height: pxTorem(90px);
    right: pxTorem(20px);
    bottom: pxTorem(240px);
    transition: all 1S ease-out 0s;
    background: url('../../../assets/icon/ss_screen.png') no-repeat center center/contain;
  }
  .filter-page{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 12;
    background:color($h5,c10);
  }
  .miss-page{
    width:100%;
    height:calc(100% - 4.5rem);
    background:color($h5,c10);
    .spellMissingPage1 {
      padding-top: 8rem;
    }
  }
  #competitions-swiper{
    margin-bottom:pxTorem(15);
  }
  .competitions-content{
    background:color($h5,c9);
  }
}
